@color_primary: #2979ff;
@color_success: #19be6b;
@color_error: #fa3545;
@color_warning: #ff9900;
@color_info: #909399;

.distributor{
	
	.cover{
	
	  .bg{
	    width:100%;
	  }
	
	  height: 400rpx;
	  overflow: hidden;
	  position:relative;
	
	  .avatar{
	
	    position:absolute;
	    top:160rpx;
	    padding:0 40rpx;
	    display: flex;
	    align-items: center;
	    image,.image{
	
	      flex:none;
	      width:80rpx;
	      height:80rpx;
	      border-radius: 40rpx;
	      overflow: hidden;
	
	    }
	    .name{
	
	      padding-left:20rpx;
	      font-weight:bold;
	      font-size:32rpx;
	      flex:auto;
	    }
	
	    .get-user-info{
	      width: auto;
	      font-size: 28rpx;
	      display: inline-block;
	      padding: 0 10rpx;
	      color: #333;
	      font-weight: normal;
	    }
	
	  }
	  
	  
	}
	
}

.apply{
	margin-top:60rpx;
	text-align:center;
	.apply-btn{
		display:inline-block;

	}  
}

.menu{

    margin-top:40rpx;
    padding:0 40rpx;
    .item{

      display:flex;
      justify-content: space-between;
      align-items: center;
      border-bottom:solid 1px #eee;
      height:100rpx;

      
      &:last-child{
        border-bottom: none;
      }
      .icon{

        flex:none;
        image{
          width:40rpx;
          height:40rpx;
          position:relative;
          top:2rpx;
        }

      }
      .name{
        flex:auto;
        padding-left: 20rpx;
        .contact{
          text-align: left;
          padding-left: 0;
          margin-left: 0;
          font-weight:normal;
          background:none;
          font-size:32rpx;
        }
      }

      .arrow{

        flex:none;
        border-color: rgb(138,138,138);

      }

    }

}

.referals-list{
	
	padding:20rpx;
	.u-row{
			height:100rpx;
			border-bottom:solid 1px #eee;
			padding-top:15rpx;
		}
/* 	
	
	.item{
		display: flex;
		
	} */
	
	.avatar{
		display:flex;
		align-items: center;
		height:90rpx;
		text{
			margin-left:20rpx;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow:hidden;
		}
	}
	
	.order-fenxiao{
		height:90rpx;
		// display:flex;
		// align-items: center;
		// justify-content: space-between;
		// text-align: right;
		// flex-direction: column;
		
	}
	
	.nothing{
		text-align:center;
		padding:100rpx 0 ;
	}
}

.order-list{
	
	padding:20rpx;
	line-height:100rpx;
	.item{
		&.success{
			color: @color_success;
		}
		&.pending{
			color: @color_primary;
		}
		&.complete{
			color: @color_warning;
		}
		&.cancel{
			color: @color_info;
		}
		.order-fenxiao{
			
			text-align:right;
		}
	}
	.nothing{
		text-align:center;
		padding:100rpx 0 ;
	}
}

.u-toast{
	.u-text{
		line-height:2;
	}
}

.bottom-button{
	
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:80rpx;
	text-align:center;
	line-height:80rpx;
	border-top:solid 1px #cdcdcd;
	display:flex;
	justify-content: space-between;
	// .u-col{
		// height:80rpx;
		// text-align:center;
		// line-height:80rpx;
	// }
	
	.cash-text{
		// font-size: 32rpx;
		flex:3;
		background-color: #ff9900;
		color:#fff;
	}
	.cash-out{
		
		flex:1;
		background-color: #2979ff;
	}
	
}

.cash-out-page{
	.cash-list{
		padding:0 20rpx;
		.item{
			display:flex;
			justify-content: space-between;
			align-items: center;
			// text-align: center;
			height:100rpx;
			border-bottom:solid 1px #eee;
			
			&.success{
				color: @color_success;
			}
			&.pending{
				color: @color_primary;
			}
			&.denied{
				color: @color_error;
			}
			&:last-child{
				border-bottom:none;
			}
			.money{
				// flex:0 0 9;
				flex:4;
			}
			
			.status{
				// flex:0 0 3;
				flex:3;
				text-align: center;
			}
			
			.date{
				// flex:0 0 3;
				flex:5;
				text-align: right;
			}
		}
		.nothing{
			text-align:center;
			padding:100rpx 0 ;
		}
	}
}
.dsp-rule{
	
	padding:40rpx;
	.title{
	
		text-align:center;
	}
	
	.rule-list{
		
		line-height:100rpx;
		.item{
			
		}
	}
}

.weight{
	font-weight:bold;
}

.cashout-go{
	
}